a{color: inherit;}
.mainw{width: 1200px;margin: 0 auto;position: relative;clear: both;}
body{background: url(../images/dot.png) ;}
#home-wel{background: linear-gradient(to right , #ff1616, #5a83ac);line-height: 2em;color: white;}
#home-wel .tel{float: right;padding-right: 1em;background: url(../images/top-tel.png) no-repeat left center ;padding-left: 2em;}
#home-logo-nav{height: 90px;}
#home-logo-nav .img{position: relative;top: 10px;display: inline-block;}
#home-logo-nav .nav{display: inline-block;float: right;}
#home-logo-nav .nav a{display: inline-block;line-height: 4em;padding: 0 1em;margin-top: .5em;}
#home-logo-nav .nav a:hover:after , #home-logo-nav .nav a:first-child:after{content: " ";display: block;width: 100%;height: 5px;background: linear-gradient(to right , #ff1616, #5a83ac);}
.main-title{display: block;background: url(../images/mt.png) center no-repeat;line-height: 2em;text-align: center;font-size: 2em;font-weight: bold;}
#home-pro{background: url(../images/home-pro.png) no-repeat top -60px center ;padding-top: 70px;}
#home-pro .list{padding-top: 50px;display: flex;width: 100%;margin: 0 auto;justify-content: space-around;}
@-webkit-keyframes rotation{from{-webkit-transform: rotate(0deg);}
to{-webkit-transform: rotate(360deg);}}
.imgRotate{animation: rotation 10s linear infinite;}
#home-pro .list a{width: 294px;height: 294px;}
#home-pro .list a.r1{background: url(../images/list1.png) center no-repeat;}
#home-pro .list a.r2{background: url(../images/list2.png) center no-repeat;}
#home-pro .list a.r3{background: url(../images/list3.png) center no-repeat;}
#home-pro .list a.r4{background: url(../images/list4.png) center no-repeat;}
#home-pro .pro{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 2em;margin-bottom: 2em;}
#home-pro .pro a{width: 31%;margin-bottom: 1em;}
#home-pro .pro a img{width: 100%;height: auto;font-size: 0;float: left;}
#home-pro .pro a p{background: url(../images/propbg.jpg);height: 49px;width: 100%;line-height: 2.4em;text-align: center;clear: both;color: #b82618;}
#home-pro .pro a p span{background: url(../images/propbgdot.png) left top 9px no-repeat;padding-left: 2em;display: inline-block;height: 100%;}
#home-about{background: url(../images/about.jpg) top center no-repeat;color: white;padding-top: 30px;padding-bottom: 30px;}
#home-about .four{display: flex;justify-content: space-between;margin-top: 5em;}
#home-about .four .unit{width: 221px;height: 177px;background: url(../images/unit.png) ;text-align: center;}
#home-about .four .unit .up{padding-top: 30px;text-align: center;font-size: 2em;}
#home-about .four .unit .up span{font-size: 0.5em;}
#home-about .four .unit p{margin-top: 2em;}
#home-about .con{display: flex;flex-wrap: nowrap;justify-content: space-around;}
#home-about .con .video{width: 600px;}
#home-about .con .real{width: 500px;}
#home-about .con .real h3{text-align: center;color: #567fa9;font-size: 24px;line-height: 2em;margin-top: 3em;}
#home-about .con .real p{line-height: 2.2em;}
#home-about .con a{display: inline-block;padding: 10px 20px;float: right;background: white;border-radius: 20px;color: black;border: 2px solid #b82618;}
#home-about .video{padding-top: 50px;}
#home-about video{width: 100%;height: auto;}
#home-case{margin-top: 20px;}
#home-case .con{display: flex;flex-wrap: wrap;justify-content: space-around;margin-top: 2em;}
#home-case .con a{width: 23%;}
#home-case .con a img{width: 100%;height: auto;}
#home-case .con a h3{font-size: 1.3em;font-weight: bold;margin-bottom: 0.5em;margin-top: 0.5em;}
#home-case .con a p{font-size: 1.3em;font-weight: bold;line-height: 1.8em;font-size: 12px;margin-bottom: 2em;}
#home-case .con a p:after{content: " ";display: block;width: 100%;height: 7px;background: linear-gradient(to right , #082a5e, #f26f04);}
#home-news{padding-top: 2em;}
#home-news{display: block;background: url(../images/home-news.jpg) top center no-repeat;height: auto;position: relative;margin-bottom:20px;}
#home-news .main-title{color: white;padding-top: 50px;}
#home-news .qiehuan{width: 50%;float: left;margin-top: 30px;}
#home-news .qiehuan .qiehuan-title{margin-top: 36px;}
#home-news .qiehuan .qiehuan-title a{width: 254px;background: url(../images/home-product-list.png) no-repeat;box-sizing: border-box;display: inline-block;float: left;}
#home-news .qiehuan .qiehuan-title a:hover , #home-news .qiehuan .qiehuan-title a.hover{color: white;}
#home-news .qiehuan .qiehuan-title a span{display: block;line-height: 46px;max-width: 80%;margin: 0 auto;text-align: center;font-size: 24px;}
#home-news .qiehuan .qiehuan-con{padding-left: 0;}
#home-news .qiehuan .qiehuan-con li{line-height: 3em;padding-left: 2em;width: 90%; background: url(../images/news-li.png) no-repeat left center;border-bottom: 1px dotted #ccc;float:left;margin:0 1%;}
#home-news .qiehuan .qiehuan-con li .date{display: inline-block;float: right;}
#home-news .qiehuan .qiehuan-con li:hover{color: #4e68a9;}
#footer{background: #1b1b1b;padding-top: 50px;}
.just{display: flex;flex-wrap: nowrap;/*white-space: nowrap;*/justify-content: space-around;}
#home-link{margin-bottom: 20px;}
#footer *{color: #f8f8f8;}
#footer .item-info{}
#footer .item-info .name{background: url(../images/footer-logo.png) no-repeat ;padding-left: 100px;height: 100px}
#footer .item-info .name .cn{font-size: 35px;font-weight: bold; margin: 30px 0 0 0;}
#footer .item-info .name .en{text-align: justify;text-align-last: justify;line-height: 2.2em; margin:0;}
#footer .item-info .info{max-width: 540px;}
#footer .item-info .info p{width: 220px;display: inline-block;margin-bottom: 10px;padding-left: 20px;}
#footer .item-info .info .address{width: auto;}
#footer .item-info .info p.tel{background: url(../images/footer-tel.png) left center no-repeat ;}
#footer .item-info .info p.phone{background: url(../images/footer-phone.png) left center no-repeat ;}
#footer .item-info .info p.fax{background: url(../images/footer-fax.png) left center no-repeat ;}
#footer .item-info .info p.address{background: url(../images/footer-address.png) left center no-repeat ;}
#footer .item-from .msg{font-size: 24px;border-bottom: 1px solid white;line-height: 1.7;}
#footer .item-from input{width: 263px;}
#footer .item-from input, #footer .item-from textarea{background: rgba(0, 0,0, 0.9);outline: 0;}
#footer .item-from #submit{background: linear-gradient(to right , #2e2b3c, #974e4c);color: white;outline: 0;}
#footer .line{border-bottom: 1px solid #ccc;margin: 10px;}
#footer .mainw2{margin-top: 1em;text-align: center;line-height: 3em;background: linear-gradient(to right , #5a83ac, #ff1616);}
#footer table{border-collapse: collapse;margin: 0 auto;text-align: center;}
#footer table td, table th{border: 0px solid #cad9ea;color: #666;height: 30px;}
#footer table thead th{background-color: inherit;width: 100px;}
#footer table tr:nth-child(odd){background: inherit;}
#footer table tr:nth-child(even){background: inherit;}
@media (max-width: 768px){
#home-wel{display:none;}
.mainw{width:100%;}
#home-logo-nav .img{top:6px;height: 46px; left:10px;}
#home-logo-nav{height:auto;}
#home-logo-nav .img img{height:35px; width:auto;    }

#home-logo-nav .nav{float:none;padding:5px 0; border-top:1px solid #ddd;}
#home-logo-nav .nav a{line-height: 2em;margin-top:0; padding: 0 .8em;}

.banner,.fullSlide{height:160px;}
.fullSlide .bd li{background-size:cover!important;width:100%!important;height:160px!important;}

.fullSlide .bd ul{width:100%!important;height:auto!important;}

#home-pro{padding:0;background:none;}
#home-pro .list{    padding-top: 20px;}
#home-pro .list a{width:50%; height:auto;margin:0 1%;}
#home-pro .list a .imgRotate{width:100%; height:100%;}
#home-pro .list a.r1,#home-pro .list a.r2,#home-pro .list a.r3,#home-pro .list a.r4{background-size:cover!important;}

#home-pro .pro { margin: 1em 0;}
#home-pro .pro a{width:48%;}
#home-about{padding-top:0;background:none;}
#home-about .four{background:none;margin-top:0; /* display:inline-block; */}
#home-about .four .unit{width:48%; float:left;background-size:100% 100%;margin:1%;}
#home-about .video{padding-top:20px;}
#home-about .con{display:block;background:#000;}
#home-about .con .real,#home-about .con .video{width:100%; float:none;overflow: hidden;}
#home-about .con .real h3{margin-top:0;}
#home-about .con .real{padding-bottom:20px;}
#home-about .con .real p{padding:5px;}

#home-case .con a{width:48%; ;margin:1%;}

#home-news{padding-top:0;background:none;}
#home-news .main-title{color: #000;padding-top:0;}
#home-news .qiehuan{margin:0;}
#home-news .qiehuan .qiehuan-title{margin-top:10px;}
#home-news .qiehuan .qiehuan-title a{width:50%; height:60px; padding:10px 0;}

#home-news .qiehuan .qiehuan-title a span{font-size:18px;line-height: 36px;}

#home-news .qiehuan .qiehuan-con li{width:90%; }
#home-news .qiehuan .qiehuan-con li a{width:72%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left;}
#home-news .qiehuan .qiehuan-con li .date{width:25%;}

.list-main{width:100%!important;padding-top:0;}

.banner_s_wrap .banner_s{height:160px; background-size:cover;}

#mao{line-height:30px;}


.list-main .news-info .news-con img{width:100%!important; height:auto!important;}

.list-main .case-list-wrap .case-list ul{width:100%!important;}
.list-main .case-list-wrap .case-list ul li{width:48%;margin:0 1%!important;}
.list-main .case-list-wrap .case-list ul li a p{height:32px!important; line-height:32px!important;}
.news-list ul li{width:100%!important;padding:5px 0!important;}
.news-list ul li .d{
    width: 80px!important;
    height: 40px!important;
    line-height: 40px!important;
    font-size: 20px!important;
}
.news-list ul li .y-m {

    width: 80px!important;
    height: 40px!important;
    line-height: 40px!important;
    margin-top: 5px!important;
    font-size: 14px!important;}
.news-list ul li .con{ position: inherit!important;float:right; width:76%; left:0!important;top:0!important}
.news-list ul li .con a{font-size:15px!important;}
.news-list ul li .con p{font-size:12px!important;margin-top: 3px!important;
    line-height: 24px!important;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.conlist{float:left; width:20%;}
#pages{width:100%!important;}

.news-info .news-head .back,.news-info .news-bottom .prev,.news-info .news-bottom .next{display:none!important;}
.news-info .news-head .title{font-size:16px!important;text-align:center;}
.news-info .news-head .date{font-size:13px!important;margin: 10px 0!important; text-align:center;}
.news-info .news-bottom .n_title{float:left!Important;}
.news-info .news-bottom{height:auto!important; line-height:32px!important;margin-bottom: 10px;}



.just{display:block;}
#footer .item-info .name{margin-left: 15%;}
#footer .item-info .info{text-align:center;}
.item-ewm,.item-from{width:50%; float:left; text-align:center;}
#footer .mainw2{line-height:2em;}
}